<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>公众号运营指南：6个适合普通人的赚钱赛道</title>
    <link rel="stylesheet" href="../css/all.min.css">
    <script src="../js/html2canvas.min.js"></script>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            transition: font-size 0.2s ease;
        }
        
        body {
            font-family: 'Microsoft YaHei', sans-serif;
            line-height: 1.6;
            color: #333;
            background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
            padding: 20px;
            min-height: 100vh;
            padding-right: 80px;
            font-size: 16px;
        }
        
        .letter-paper {
            max-width: 900px;
            margin: 0 auto;
            background-color: #fff;
            padding: 40px;
            box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
            position: relative;
            background-image: 
                linear-gradient(#f9f9f9 1px, transparent 1px),
                linear-gradient(90deg, #f9f9f9 1px, transparent 1px);
            background-size: 20px 20px;
            border-radius: 8px;
            border: 1px solid #e0e0e0;
        }
        
        .letter-paper::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 40px;
            background: linear-gradient(to bottom, #f0f0f0, transparent);
            border-radius: 8px 8px 0 0;
        }
        
        .header {
            text-align: center;
            margin-bottom: 30px;
            padding-bottom: 20px;
            border-bottom: 1px solid #e0e0e0;
            position: relative;
        }
        
        .header h1 {
            font-size: 32px;
            color: #2c3e50;
            margin-bottom: 10px;
            font-weight: 700;
        }
        
        .header p {
            color: #7f8c8d;
            font-size: 18px;
        }
        
        .intro {
            margin-bottom: 30px;
            padding: 20px;
            background-color: #f8f9fa;
            border-left: 4px solid #3498db;
            border-radius: 0 8px 8px 0;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
        }
        
        .track {
            margin-bottom: 30px;
            padding: 25px;
            background-color: #fff;
            border-radius: 8px;
            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
            position: relative;
            transition: all 0.3s ease;
            border: 1px solid #f0f0f0;
        }
        
        .track:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
        }
        
        .track-number {
            position: absolute;
            top: -15px;
            left: -15px;
            width: 40px;
            height: 40px;
            background: linear-gradient(135deg, #3498db, #2c3e50);
            color: white;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: bold;
            box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
            font-size: 18px;
        }
        
        .track-title {
            font-size: 22px;
            color: #2c3e50;
            margin-bottom: 15px;
            padding-bottom: 10px;
            border-bottom: 1px dashed #e0e0e0;
            display: flex;
            align-items: center;
        }
        
        .track-title i {
            margin-right: 10px;
            color: #3498db;
        }
        
        .track-reason {
            margin-bottom: 20px;
            padding: 15px;
            background-color: #f8f9fa;
            border-radius: 6px;
            border-left: 3px solid #3498db;
        }
        
        .track-reason h3 {
            font-size: 18px;
            color: #3498db;
            margin-bottom: 10px;
            display: flex;
            align-items: center;
        }
        
        .track-reason h3 i {
            margin-right: 8px;
        }
        
        .track-reason ul {
            list-style: none;
            padding-left: 0;
        }
        
        .track-reason li {
            margin-bottom: 8px;
            display: flex;
            align-items: flex-start;
        }
        
        .track-reason li i {
            color: #27ae60;
            margin-right: 10px;
            margin-top: 5px;
            flex-shrink: 0;
        }
        
        .track-monetization {
            margin-bottom: 20px;
        }
        
        .track-monetization h3 {
            font-size: 18px;
            color: #e74c3c;
            margin-bottom: 10px;
            display: flex;
            align-items: center;
        }
        
        .track-monetization h3 i {
            margin-right: 8px;
        }
        
        .track-monetization ul {
            list-style: none;
            padding-left: 0;
        }
        
        .track-monetization li {
            margin-bottom: 8px;
            display: flex;
            align-items: flex-start;
        }
        
        .track-monetization li i {
            color: #e74c3c;
            margin-right: 10px;
            margin-top: 5px;
            flex-shrink: 0;
        }
        
        .track-tips {
            font-style: italic;
            color: #7f8c8d;
            padding: 15px;
            background-color: #f8f9fa;
            border-left: 3px solid #f39c12;
            border-radius: 0 6px 6px 0;
            display: flex;
            align-items: flex-start;
        }
        
        .track-tips i {
            color: #f39c12;
            margin-right: 10px;
            margin-top: 3px;
            flex-shrink: 0;
        }

        .btn-container {
            position: fixed;
            right: 20px;
            top: 50%;
            transform: translateY(-50%);
            display: flex;
            flex-direction: column;
            gap: 15px;
            z-index: 999;
        }

        .save-as-image-btn, .zoom-in-btn, .zoom-out-btn {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            color: white;
            border: none;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 22px;
            transition: all 0.3s ease;
        }

        .save-as-image-btn {
            background: linear-gradient(135deg, #e74c3c, #c0392b);
            box-shadow: 0 4px 15px rgba(231, 76, 60, 0.4);
        }

        .zoom-in-btn {
            background: linear-gradient(135deg, #27ae60, #219653);
            box-shadow: 0 4px 15px rgba(39, 174, 96, 0.4);
        }

        .zoom-out-btn {
            background: linear-gradient(135deg, #3498db, #2980b9);
            box-shadow: 0 4px 15px rgba(52, 152, 219, 0.4);
        }

        .save-as-image-btn:hover, .zoom-in-btn:hover, .zoom-out-btn:hover {
            width: 55px;
            height: 55px;
            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
        }

        .save-as-image-btn:hover {
            background: linear-gradient(135deg, #c0392b, #a43527);
        }

        .zoom-in-btn:hover {
            background: linear-gradient(135deg, #219653, #1e8449);
        }

        .zoom-out-btn:hover {
            background: linear-gradient(135deg, #2980b9, #2471a3);
        }

        .save-as-image-btn i, .zoom-in-btn i, .zoom-out-btn i {
            margin: 0;
        }

        @media (max-width: 768px) {
            .letter-paper {
                padding: 20px;
            }
            
            .header h1 {
                font-size: 26px;
            }
            
            .track-title {
                font-size: 20px;
            }
            
            .track {
                padding: 20px;
            }

            .save-as-image-btn, .zoom-in-btn, .zoom-out-btn {
                width: 45px;
                height: 45px;
                font-size: 20px;
            }

            .btn-container {
                right: 15px;
            }

            body {
                padding-right: 70px;
            }
        }
    </style>
</head>
<body>
    <div class="btn-container">
        <button class="zoom-in-btn" id="zoomInBtn" title="文字放大">
            <i class="fas fa-search-plus"></i>
        </button>
        
        <button class="zoom-out-btn" id="zoomOutBtn" title="文字缩小">
            <i class="fas fa-search-minus"></i>
        </button>

        <button class="save-as-image-btn" id="saveBtn" title="一键保存为长图">
            <i class="fas fa-download"></i>
        </button>
    </div>

    <div class="letter-paper" id="contentToSave">
        <div class="header">
            <h1 contenteditable="true"><i class="fas fa-book-open"></i> 公众号运营指南</h1>
            <p contenteditable="true">普通人最容易上手且赚钱的6个赛道</p>
        </div>
        
        <div class="intro">
            <p contenteditable="true">对于普通人来说，做公众号想"容易且赚钱"，关键在于<strong>找到竞争相对较小、需求明确、且自己能够持续产出内容</strong>的领域。</p>
            <p contenteditable="true">"最容易"是相对的，它意味着<strong>门槛低、内容来源广、容易建立信任感</strong>。</p>
        </div>
        
        <div class="track" contenteditable="true">
            <div class="track-number">1</div>
            <h2 class="track-title"><i class="fas fa-map-marker-alt"></i> 本地生活号</h2>
            <div class="track-reason">
                <h3><i class="fas fa-question-circle"></i> 为什么容易且赚钱？</h3>
                <ul>
                    <li><i class="fas fa-check-circle"></i> <strong>精准流量：</strong>用户都是同城，非常精准。你不需要和全国的大V竞争。</li>
                    <li><i class="fas fa-check-circle"></i> <strong>内容来源丰富：</strong>内容就在你身边。新开的餐厅、周末去哪玩、本地新闻、政策解读、探店打卡等，都是你的素材。</li>
                    <li><i class="fas fa-check-circle"></i> <strong>商业模式清晰：</strong>本地商家有强烈的推广需求，付费意愿高。</li>
                </ul>
            </div>
            <div class="track-monetization">
                <h3><i class="fas fa-money-bill-wave"></i> 主要变现方式：</h3>
                <ul>
                    <li><i class="fas fa-store"></i> <strong>商家探店广告：</strong>最常见的模式，帮餐厅、酒店、游乐场等写推广文章。</li>
                    <li><i class="fas fa-ticket-alt"></i> <strong>活动推广：</strong>帮本地的展会、音乐节、亲子活动等卖票。</li>
                    <li><i class="fas fa-shopping-cart"></i> <strong>团购/分销：</strong>组织本地的特产、水果、优惠券等团购。</li>
                    <li><i class="fas fa-ad"></i> <strong>信息流广告：</strong>流量起来后，腾讯官方给的广告分成。</li>
                </ul>
            </div>
            <div class="track-tips">
                <i class="fas fa-lightbulb"></i>
                <p><strong>实操建议：</strong>名字要带城市名，如"北京吃货小分队"、"成都慢生活"。多加入本地微信群，混个脸熟。</p>
            </div>
        </div>
        
        <div class="track" contenteditable="true">
            <div class="track-number">2</div>
            <h2 class="track-title"><i class="fas fa-chalkboard-teacher"></i> 垂直技能/知识分享号</h2>
            <div class="track-reason">
                <h3><i class="fas fa-question-circle"></i> 为什么容易且赚钱？</h3>
                <ul>
                    <li><i class="fas fa-check-circle"></i> <strong>有信任背书：</strong>分享真实经验，容易建立专业性和信任感。</li>
                    <li><i class="fas fa-check-circle"></i> <strong>内容不枯竭：</strong>你的工作、学习、解决问题的过程，就是内容。</li>
                    <li><i class="fas fa-check-circle"></i> <strong>用户粘性强：</strong>粉丝是为了"学东西"而来，忠诚度高。</li>
                </ul>
            </div>
            <div class="track-monetization">
                <h3><i class="fas fa-money-bill-wave"></i> 主要变现方式：</h3>
                <ul>
                    <li><i class="fas fa-graduation-cap"></i> <strong>知识付费/课程：</strong>将你的知识体系做成课程、训练营售卖。</li>
                    <li><i class="fas fa-comments"></i> <strong>付费咨询：</strong>提供一对一的问题解决方案。</li>
                    <li><i class="fas fa-ad"></i> <strong>接相关广告：</strong>例如，PPT技巧号可以接办公软件广告；育儿号可以接教育课程广告。</li>
                    <li><i class="fas fa-file-download"></i> <strong>卖资料/模板：</strong>整理好的PPT模板、合同范本、运营SOP等。</li>
                </ul>
            </div>
            <div class="track-tips">
                <i class="fas fa-lightbulb"></i>
                <p><strong>实操建议：</strong>领域要足够垂直，如"Excel之家"、"PPT进化论"、"新手妈妈育儿记"。内容要"干货满满"，解决具体问题。</p>
            </div>
        </div>
        
        <div class="track" contenteditable="true">
            <div class="track-number">3</div>
            <h2 class="track-title"><i class="fas fa-film"></i> 书评/影评/剧评号</h2>
            <div class="track-reason">
                <h3><i class="fas fa-question-circle"></i> 为什么容易且赚钱？</h3>
                <ul>
                    <li><i class="fas fa-check-circle"></i> <strong>内容有源头：</strong>你看的每一本书、每一部电影都是一篇内容。</li>
                    <li><i class="fas fa-check-circle"></i> <strong>容易引发共鸣：</strong>好的评论能打动人心，引发粉丝的讨论和传播。</li>
                    <li><i class="fas fa-check-circle"></i> <strong>精神需求市场大：</strong>现代人需要精神食粮和娱乐推荐。</li>
                </ul>
            </div>
            <div class="track-monetization">
                <h3><i class="fas fa-money-bill-wave"></i> 主要变现方式：</h3>
                <ul>
                    <li><i class="fas fa-book"></i> <strong>图书/产品分销：</strong>在文章中加入图书或相关产品的购买链接，赚取佣金。</li>
                    <li><i class="fas fa-ad"></i> <strong>平台广告分成：</strong>流量广告是最基础的收入。</li>
                    <li><i class="fas fa-bullhorn"></i> <strong>接出版社/影视公司推广：</strong>为新书、新电影/剧集写推广软文。</li>
                    <li><i class="fas fa-users"></i> <strong>知识星球/付费社群：</strong>组建深度阅读/观影社群，提供书单、带读等服务。</li>
                </ul>
            </div>
            <div class="track-tips">
                <i class="fas fa-lightbulb"></i>
                <p><strong>实操建议：</strong>不要只写"好不好看"，要写出独特的视角、人物剖析、与现实生活的联系，形成个人风格。</p>
            </div>
        </div>
        
        <div class="track" contenteditable="true">
            <div class="track-number">4</div>
            <h2 class="track-title"><i class="fas fa-heart"></i> 情感故事/个人成长号</h2>
            <div class="track-reason">
                <h3><i class="fas fa-question-circle"></i> 为什么容易且赚钱？</h3>
                <ul>
                    <li><i class="fas fa-check-circle"></i> <strong>用户基数巨大：</strong>每个人都会遇到情感、成长、职场困惑。</li>
                    <li><i class="fas fa-check-circle"></i> <strong>强共鸣易传播：</strong>一篇走心的文章很容易被大量转发。</li>
                    <li><i class="fas fa-check-circle"></i> <strong>创作门槛相对低：</strong>可以写自己的故事，也可以征集、采访他人的故事。</li>
                </ul>
            </div>
            <div class="track-monetization">
                <h3><i class="fas fa-money-bill-wave"></i> 主要变现方式：</h3>
                <ul>
                    <li><i class="fas fa-ad"></i> <strong>接泛情感类广告：</strong>如在线教育、心理咨询App、女性产品、理财课程等。</li>
                    <li><i class="fas fa-comments"></i> <strong>课程/咨询：</strong>如果你有心理咨询师等资质，可以开展付费咨询。</li>
                    <li><i class="fas fa-book"></i> <strong>出书：</strong>文章积攒到一定数量后，可以结集出版。</li>
                </ul>
            </div>
            <div class="track-tips">
                <i class="fas fa-lightbulb"></i>
                <p><strong>实操建议：</strong>文笔要真诚、有共情力。可以聚焦细分领域，如"大学生成长"、"女性职场"、"婚姻关系"等。</p>
            </div>
        </div>
        
        <div class="track" contenteditable="true">
            <div class="track-number">5</div>
            <h2 class="track-title"><i class="fas fa-tools"></i> 资源整理/工具分享号</h2>
            <div class="track-reason">
                <h3><i class="fas fa-question-circle"></i> 为什么容易且赚钱？</h3>
                <ul>
                    <li><i class="fas fa-check-circle"></i> <strong>实用性强：</strong>直接帮用户节省时间，用户愿意关注。</li>
                    <li><i class="fas fa-check-circle"></i> <strong>容易量产：</strong>整理、盘点类内容模式固定，容易持续产出。</li>
                    <li><i class="fas fa-check-circle"></i> <strong>搜索流量大：</strong>用户会主动搜索"XX工具合集"、"XX资源网站"，容易通过搜索获得粉丝。</li>
                </ul>
            </div>
            <div class="track-monetization">
                <h3><i class="fas fa-money-bill-wave"></i> 主要变现方式：</h3>
                <ul>
                    <li><i class="fas fa-file-archive"></i> <strong>卖资源包：</strong>将整理好的PPT模板、简历模板、电子书等打包售卖。</li>
                    <li><i class="fas fa-link"></i> <strong>工具推广佣金：</strong>推荐好用的软件、网站，有人通过你的链接注册使用，你能获得佣金。</li>
                    <li><i class="fas fa-ad"></i> <strong>接广告：</strong>相关的软件、在线工具会来找你投广告。</li>
                    <li><i class="fas fa-users"></i> <strong>付费社群：</strong>提供持续更新的资源库。</li>
                </ul>
            </div>
            <div class="track-tips">
                <i class="fas fa-lightbulb"></i>
                <p><strong>实操建议：</strong>领域要垂直，比如"设计师必备网站"、"自媒体运营工具库"、"大学生学习资料"。内容要清晰、分类明确、链接有效。</p>
            </div>
        </div>
        
        <div class="track" contenteditable="true">
            <div class="track-number">6</div>
            <h2 class="track-title"><i class="fas fa-piggy-bank"></i> 特定人群的"副业/赚钱"号</h2>
            <div class="track-reason">
                <h3><i class="fas fa-question-circle"></i> 为什么容易且赚钱？</h3>
                <ul>
                    <li><i class="fas fa-check-circle"></i> <strong>需求极度强烈：</strong>目标明确，粉丝精准且活跃。</li>
                    <li><i class="fas fa-check-circle"></i> <strong>内容易构建：</strong>可以分享各种副业案例、赚钱思路、项目拆解、避坑指南。</li>
                    <li><i class="fas fa-check-circle"></i> <strong>你自己就是案例：</strong>你把公众号做起来本身，就是一个成功的副业案例。</li>
                </ul>
            </div>
            <div class="track-monetization">
                <h3><i class="fas fa-money-bill-wave"></i> 主要变现方式：</h3>
                <ul>
                    <li><i class="fas fa-graduation-cap"></i> <strong>知识付费（核心）：</strong>这是最主要的模式。可以做副业课程、训练营、一对一指导。</li>
                    <li><i class="fas fa-users"></i> <strong>付费社群：</strong>提供项目信息、交流圈子、资源对接。</li>
                    <li><i class="fas fa-ad"></i> <strong>接广告：</strong>在线教育、技能培训、创业服务类广告。</li>
                </ul>
            </div>
            <div class="track-tips">
                <i class="fas fa-lightbulb"></i>
                <p><strong>实操建议：</strong>一定要真诚，分享真实可行的项目，避免"割韭菜"。可以聚焦于某一类人群，如"宝妈副业"、"程序员副业"、"学生党赚钱"。</p>
            </div>
        </div>
    </div>

    <script>
        document.getElementById('saveBtn').addEventListener('click', function() {
            html2canvas(document.getElementById('contentToSave'), {
                scale: 2,
                useCORS: true,
                logging: false
            }).then(canvas => {
                const link = document.createElement('a');
                link.download = '公众号运营指南长图.png';
                link.href = canvas.toDataURL('image/png');
                link.click();
            });
        });

        let currentFontSize = 16;
        const minFontSize = 12;
        const maxFontSize = 24;
        const step = 1;

        document.getElementById('zoomInBtn').addEventListener('click', function() {
            if (currentFontSize < maxFontSize) {
                currentFontSize += step;
                document.body.style.fontSize = currentFontSize + 'px';
                updateElementFontSizes(currentFontSize);
            }
        });

        document.getElementById('zoomOutBtn').addEventListener('click', function() {
            if (currentFontSize > minFontSize) {
                currentFontSize -= step;
                document.body.style.fontSize = currentFontSize + 'px';
                updateElementFontSizes(currentFontSize);
            }
        });

        function updateElementFontSizes(baseSize) {
            document.querySelector('.header h1').style.fontSize = (baseSize * 2) + 'px';
            document.querySelector('.header p').style.fontSize = (baseSize * 1.125) + 'px';
            document.querySelectorAll('.track-title').forEach(el => {
                el.style.fontSize = (baseSize * 1.375) + 'px';
            });
            document.querySelectorAll('.track-reason h3, .track-monetization h3').forEach(el => {
                el.style.fontSize = (baseSize * 1.125) + 'px';
            });
            document.querySelectorAll('.track-number').forEach(el => {
                el.style.fontSize = (baseSize * 1.125) + 'px';
            });
        }
    </script>
</body>
</html>